<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="v.aspx.cs" Inherits="StickDrawing_WebRole.v" %>

<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"
    TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Play with Stick Love</title>
    <meta name="keywords" content="Stick Drawing,Azure,Siverlight,Windows Azure" />
    <meta id="dis" name="description" content='Start Stick Love now and share with your friends!' />
    <link rel="stylesheet" href="style2.css" type="text/css" charset="utf-8" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <style type="text/css">
        .submit-table-label
        {
            text-align: right;
            font-size: 15px;
            font-weight: normal;
            padding-right: 8px;
        }
        .submit-table-label
        {
            text-align: right;
            font-size: 15px;
            font-weight: normal;
            padding-right: 8px;
        }
        .submit-table-label2
        {
            text-align: right;
            font-size: 15px;
            vertical-align: top;
            font-weight: normal;
            padding-right: 8px;
        }
        .submit-table-label2
        {
            text-align: right;
            font-size: 15px;
            vertical-align: top;
            font-weight: normal;
            padding-right: 8px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
        <div id="menu">
            <ul>
                <li id="m01"><a href="http://Y.cloudapp.net">Home</a></li>
                <li id="m02"><a href="http://Y.cloudapp.net/v.aspx">Draw</a></li>
                <li id="m03"><a href="Gallery.aspx">Gallery</a></li>
                <li id="m04"><a href="About.aspx">About</a></li>
                <li id="m05"><a href="mailto:mars1021@163.com">Feedbacks</a></li>
            </ul>
        </div>
        <div id="header">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <center>
                <div>
                    <asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/SilverPlayback.xap"
                        MinimumVersion="2.0.31005.0" Width="780" Height="460" BackColor="Black" />
                </div>
            </center>
            <div class="clear">
            </div>
        </div>
        <div id="middle">
        </div>
        <div id="middle2">
        </div>
        <div id="content">
            <div id="left">
                <asp:Panel ID="panel1" runat="server">
                    <h2>
                        How to...</h2>
                    <p>
                        1.Click
                        <img src="images/edit.png" width="40" />&nbsp; to start.</p>
                    <p>
                        2.Draw anything you like onto this whiteboard!</p>
                    <p>
                        3.Click
                        <img src="images/video.png" width="40" />&nbsp; if you want a preview.</p>
                    <p>
                        4.Click
                        <img src="images/info.png" width="40" />
                        to save and share your masterpiece with your friends!
                       
                        </p>
                </asp:Panel>
                <asp:Panel ID="panel2" runat="server">
                    <h2>
                        Quick Comments</h2>
                    <asp:HiddenField ID="hiddenField" runat="server" Value="" />
                    <br />
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:PlaceHolder runat="server" ID="placeHolder1"></asp:PlaceHolder>
                            <%--  <img id="IMG1" alt="right module bottom image" style=" border:none; margin:0px;" width="430px" src="images/img_R_mods_top.png">
                         --%>
                            <div style="background-image: url(Images/img_R_mods_mid.png); padding-left: 20px;
                                width: 410px; background-attachment: scroll; background-repeat: repeat-y; float: left;
                                color: white; padding-top: 13px; border: none; margin: 0px;">
                                <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
                                    <ProgressTemplate>
                                    <div  style=" text-align:right">
                                        <img src="images/ajax-loader.gif" /></div>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>
                                <table border="0" width="430">
                                    <tr>
                                        <th class="submit-table-label">
                                            Your Name
                                        </th>
                                        <td>
                                            <asp:TextBox ID="txtName" runat="server" Width="270px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="&#65290;"
                                                ControlToValidate="txtName"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="submit-table-label2">
                                            Comment
                                        </th>
                                        <td>
                                            <asp:TextBox ID="txtContent" runat="server" Width="270px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="&#65290;"
                                                ControlToValidate="txtContent"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                        </th>
                                        <td>
                                            <asp:Button ID="btnSend" runat="server" Text="Submit" OnClick="btnSend_Click" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <%--   <img id="right-module-bottom" style=" border:none; margin:0px;"  alt="right module bottom image" width="430px" src="images/img_R_mods_bottom.png">
                      --%>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </asp:Panel>
            </div>
            <div id="right">
                <h2>
                    Sponsors</h2>

                    <script type="text/javascript"><!--
                        google_ad_client = "pub-7209270908790708";
                        /* 250x250, &#21019;&#24314;&#20110; 09-4-23 */
                        google_ad_slot = "2509280722";
                        google_ad_width = 250;
                        google_ad_height = 250;
//-->
                    </script>

                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
            </div>
            <div class="clear">
            </div>
        </div>
        <div id="footer">
            <p>
                Copyright <a href="http://Y.cloudapp.net">Stick Love</a> all rights reserved. |
                <a href="#">Terms of use</a><p>
        </div>
    </div>
    </form>

    <script type="text/javascript" src="http://js.tongji.cn.yahoo.com/1067747/ystat.js"></script>

</body>
</html>
